<form action="" method="POST" id="addLearningfrm" name = "addLearningfrm" autocomplete="off" >
	<?php
	echo $this->formHidden("selectValueTreeImg",$this->selectValueTreeImg,null);
	echo $this->formHidden("ld03id",$this->ld03id,null);
	echo $this->formHidden("ld01",'',null);
	echo $this->formHidden("hdnpath",'',null);
	?>
	<div id = "form-container"> 
		<div id = "form-content">		
			<div id = "form-header-left" style="width:100%;">
				CẬP NHẬT NỘI DUNG TÀI LIỆU HỌC TẬP
			</div>			
			<div>
				<div class = "tile_l2">Thông tin tài liệu học tập</div>
				<div>
					<label class = "normal_label">Tên tài liệu<small class="normal_starmark">*</small></label>
					<input id = "ld02" name = "ld02" class = "textbox_tab" message = "Bạn phải nhập tên tài liệu" optional="false"/>
				</div>	
				<div>
					<label class = "normal_label">Tài liệu thuộc<small class="normal_starmark">*</small></label>	
					<input type="text" name="ld03" id="ld03" readonly="" class="textbox_tab input1" value="<?= $this->ld03name;?>"  message = "Bạn phải xác định tài liệu thuộc" optional="false">
					<img src="<?php echo $this->baseUrl;?>/images/find.gif" class="normal_image imgGetDep" />											
				</div>
                <div>
                    <label class = "normal_label"></label>
                    <input type="checkbox" id="save_path" name="save_path">
                    <label class = "normal_label" style="float:none;" for="save_path">Lưu đường dẫn bài giảng</label>

                </div>
				<div>
					<label class = "normal_label">Chọn lớp</label>
					<div>
						<select multiple = "multiple" class="textbox" id="ld17" name="ld17" class="textbox normal_label" optional = "true"><?php
							$arrClass = $this->arrClass;
							echo Efy_Library::_generateSelectOption($arrClass,'C_CODE','C_CODE','C_NAME','');?>
							}?>
						</select>
					</div>
				</div>
				<div>
					<label class = "normal_label">Năm học, Từ năm<small class="normal_starmark">*</small></label>
					<input class = "textbox_tab" type = "textbox" id = "ld08" name = "ld08" value = "<?=date('Y')?>" message = "Bạn phải xác định Năm học" optional="false"/>
					<label class = "normal_label inline">Đến năm<small class="normal_starmark">*</small></label>
					<input class = "textbox_tab" type = "textbox" id = "ld09" name = "ld09" value = "<?=(date('Y') + 1)?>" message = "Bạn phải xác định Năm học" optional="false"/>
				</div>							
				<div>
					<label class = "normal_label">Ý kiến của giáo viên soạn giảng</label>
					<textarea class = "textbox" name = "ld19" id = "ld19"></textarea>
				</div>
                <div id = "div_attach_file_thumb" style="padding-bottom:5px;">
                    <label class = "normal_label" style="width:25%;padding-left: 0.5%; float:left">Hình ảnh đại diện</label>
                    <?php echo $this->attachFileThumbnail;?>
                </div>
				<div id = "div_attach_file">
					<?php echo $this->attachFile;?>		
				</div>
				<div class = "tile_l2">Thông tin xử lý</div>
				<div>						
					<input type = "radio" name = "ld06" id = "tld" value = "tld" optional="false" message = "Bạn phải xác định trạng thái tài liệu"/>
					<label for = "tld" class = "normal_label inline">Trình lãnh đạo</label>
					<input type = "radio" name = "ld06" id = "cl" value = "cl"/>
					<label for = "cl" class = "normal_label inline">Chuyển lưu</label>
				</div>				
				<div id = "ldd" class = "ld06">
					<label class = "normal_label">Lãnh đạo duyệt</label>
					<select id="ld10" name="ld10" class="textbox normal_label chzn-select" message = "Bạn phải xác định Lãnh đạo duyệt">
						<option value = "">Chọn lãnh đạo</option>
						<?php
						$arrApproveStaff = $this->arrApproveStaff;
						echo Efy_Library::_generateSelectOption($arrApproveStaff,'id','id','name','');?>
						}?>
					</select>					
					<label class = "normal_label inline">Ngày duyệt</label>
					<input type = "textbox" name = "ld18" id = "ld18" class = "textbox_tab" message = "Bạn phải xác định Ngày duyệt">
				</div>				
				<div id = "cldt" class = "ld06">
					<label class = "normal_label">Chọn lãnh đạo trường<small class="normal_starmark">*</small></label>
					<div>
						<select id="cboldt" name="cboldt" class="textbox normal_label chzn-select" message = "Bạn phải xác định Lãnh đạo trường">
							<option value = "">Chọn lãnh đạo</option>
							<?php
							$arrApproveStaff = $this->arrApproveStaff;
							echo Efy_Library::_generateSelectOption($arrApproveStaff,'id','id','name','');?>
							}?>
						</select>
					</div>
				</div>
			</div>
		</div>
		<div id="button">
			<input  type="button" id="add_new" name="add" class="link-button clsave" value="Ghi & Thêm mới" action ="next" />
			<input  type="button" id="add_back" name="btn_quaylai" class="link-button clsave" value="Ghi & quay lại" action ="back" />
			<input  type="button" id="back" name="btn_quaylai" class="link-button clback" value="Quay lại"/>
		</div>
	</div>
</form>
<div id ="dialog" title = "Chọn đối tượng">
	<div id="treeDialog"></div>
</div>
<script type="text/javascript">
	$( "#dialog" ).dialog({
		autoOpen: false,					
        modal: true,
        resizable: true,
        width:800,
        height:600,
        autoResize: false,      
        dialogClass:'dialog-class',        
        draggable:true,
        buttons: [
			    {
			        text: "Đóng",
			        click: function() { $(this).dialog("close"); }
			    }
			]
	});			
	$('div.ld06').hide();	
	$('input[name="ld06"]').click(function(){
		var ld06 =$('input[name="ld06"]:checked').val();	
		$('div.ld06').hide();
		$('#cboldt').attr('optional','true');		
		switch(ld06){			
			case 'tld':			
				$('#cboldt').attr('optional','false');
				$('div#cldt').show();
				break;
			case 'cl':								
				$('div#ldd').show();
				break;
		}		
		return true;
	})
//    $('#save_path').change(function() {
//        $('#save_path').prop($(this).is(':checked'));
//        if ($(this).is(':checked')) {
//            $('form#LearningIndexFrm #ld03name').val($('form#LearningIndexFrm #ld03name').value);
//            $('form#addLearningfrm #selectValueTreeImg').val($('form#addLearningfrm #selectValueTreeImg').value);
//        }
//    });
	$("select#ld17").multiselect({
       	width: "99%",
        noneSelectedText: 'Chọn lớp học',
		selectedText: '# lớp',
        selectedList:15,
        checkAllText:'Chọn tất cả',
        uncheckAllText:'Bỏ chọn tất cả',
        valueList: ''
    });
    $('#ld02').focus();
    $(function(){$( "#ld18" ).datepicker();});    
    $('document').ready(function (){	
		$('#ld08').mask("9?999",{placeholder:""});		
		$('#ld09').mask("9?999",{placeholder:""});		
	});	
	//Bind handler to form		
	$('#addLearningfrm').bind('resetValues', function(event, option){
		$('form#addLearningfrm #ld02').focus();
		$('#cboldt').attr('optional','true');		
		$('form#addLearningfrm #ld02').val('');
		$('form#addLearningfrm #ld01').val('');
		$('form#addLearningfrm #ld18').val('');
		$('form#addLearningfrm #ld17').val('');
		$('form#addLearningfrm #ld19').val('');
		$('form#addLearningfrm #cboldt').val('');		
		$('form#addLearningfrm #ld10').val('');
		$('form#addLearningfrm #ld18').val('');		
		$('form#addLearningfrm #listAttach').html('');		
		$("select#ld17").multiselect('refresh');		
		$('form#addLearningfrm input[name="ld06"]').attr('checked',false);
		$('div.ld06').hide();						
		if(option == 'edit'){
			$('form#addLearningfrm #ld03').val('');
			$('form#addLearningfrm #ld03id').val('');
			$('form#addLearningfrm #selectValueTreeImg').val('');
			$('form#addLearningfrm #ld08').val('');
			$('form#addLearningfrm #ld09').val('');		
		}else if(option == 'add'){
			$('form#addLearningfrm #ld03').val($('form#LearningIndexFrm #ld03name').val());
			$('form#addLearningfrm #ld03id').val($('form#LearningIndexFrm #ld03').val());
			$('form#addLearningfrm #selectValueTreeImg').val($('form#LearningIndexFrm #ld03').val());
			$('form#addLearningfrm #ld08').val(currentYear);
			$('form#addLearningfrm #ld09').val(currentYear + 1);		
		}
	});	

	$('#addLearningfrm').bind('update', function(event,arrValue){	
		$('form#addLearningfrm #ld01').val(arrValue.LD01);	
		$('form#addLearningfrm #ld02').val(arrValue.LD02);
		$('form#addLearningfrm #ld08').val(arrValue.LD08);
		$('form#addLearningfrm #ld09').val(arrValue.LD09);
		$('form#addLearningfrm #ld19').val(arrValue.LD19);		
		
		$('form#addLearningfrm #ld18').val(arrValue.LD18);		
		$('form#addLearningfrm #ld03').val(arrValue.LD03NAME);		
		$('form#addLearningfrm #selectValueTreeImg').val(arrValue.LD03);		
		arrValue.LD17 = ',' + arrValue.LD17 + ',';		
		$('form#addLearningfrm #ld17 option').each(function(){
			if(arrValue.LD17.indexOf(','+this.value+',') >= 0){				
				$(this).attr('selected', true);			
			} 	
		});
        $('form#addLearningfrm #div_attach_file_thumb').html(arrValue.ATTACH_FILE_THUMB);
		$('form#addLearningfrm #div_attach_file').html(arrValue.ATTACH_FILE);		 
		$("select#ld17").multiselect('refresh');			
		switch(arrValue.LD06){						
			case 'CHO_DUYET':
				$('form#addLearningfrm input[name="ld06"][value="tld"]').attr('checked',true);		
				$('form#addLearningfrm #cboldt').val(arrValue.LD10);
				$('#cboldt').attr('optional','false');
				$('div#cldt').show();
				break;
			case 'CHUYEN_LUU':			
				$('form#addLearningfrm input[name="ld06"][value="cl"]').attr('checked',true);						
				$('form#addLearningfrm #ld10').val(arrValue.LD10);		
				$('form#addLearningfrm #ld18').val(arrValue.LD18);		
				$('div#permision_view').show();
				$('div#ldd').show();
				break;
		}				
	});
	$('.imgGetDep').click(function(){
		myLearningIndex.getDep();
	});
	$('#add_new').click(function(){
		myLearningIndex.save('addNew');
	});	
	$('#add_back').click(function(){
		myLearningIndex.save('back');
	});
	$('#back').click(function(){
		myLearningIndex.ldmod();
	});	
</script>
<style type="text/css">
.ui-dialog .ui-dialog-title {
    float: left;
    margin: 0.1em 0;
    text-align: center;
}
.ui-widget-header {
		background: none;
		background-color: #3774B7;
		border-bottom: 1px solid #BCCDDD;
		border-color: #BCCDDD;
		box-shadow: 0 0 2px rgba(0, 0, 0, 0.52);
		font-family: Arial,Helvetica,sans-serif;
		text-align: center;
		font-size: 11px;
		font-weight: bold;
		color: #FFF701;
		line-height: 20px;
		padding: 0 1px !important;
	}
</style>